<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
		<base href="resources/" />
		<script type="text/javascript" src="js/httpRequest.js"></script>
		<script type="text/javascript">
			var xmlDoc = null;
			var xslDoc = null;
			function test() {

				// 서버가 알고 있는 XML문서를 가져오기
				var choice = document.getElementById("find").value;

				if (choice != "") {

					var url = "http://apis.daum.net/search/blog";
					var param = "q="+choice+"&apikey=b2e1fe0775b1a9b8e564aab3b879ffdbba05009f";
				}
				sendRequest(url, param, view, "GET");
			}

			function view() {// 서버로 부터 응답이 도착하는 곳!!

				if (xhr.readyState == 4) {
					if (xhr.status == 200) {
						xmlDoc = xhr.responseXML;
						sendRequest("bbs.xsl", null, loadXSL, "GET");
						// 서버가 가지고 있는 XSL문서 가져오기
					}
				}
			}

			function loadXSL() {

				if (xhr.readyState == 4) {
					if (xhr.status == 200) {
						xslDoc = xhr.responseXML;
						// 지금까지 XML문서와 XSL문서를 인식하였다.
						// 그럼 이제 변환 작업(Transform)을 하면 된다.
						transformer();
					}
				}
			}

			function transformer() {
				if (xmlDoc == null || xslDoc == null) {
					alert("에러");
					return;
				}
				var list = document.getElementById("list");
				//표현할 div
				// 사용자의 브라우저를 구별
				if (window.ActiveXObject)// MS
					list.innerHTML = xmlDoc.transformNode(xslDoc);
				else {
					var xslt = new XSLTProcessor();
					xslt.importStylesheet(xslDoc);
					// 변환하고자 하는 서식문자 인식!
					var res = xslt.transformToFragment(xmlDoc, document);
					list.appendChild(res);
				}
			}

		</script>
		<style type="text/css">
			input, textarea {
				border: 1 solid #ababab
			}
			td {
				font-size: 9pt
			}
		</style>
		<title>Insert title here</title>
	</head>
	<body>
		<input id="find">
		<input type="button" value="o k"  onclick="test()">
		<div id="list"></div>

	</body>
</html>





